  /* flash light */
#Tubuh {
text-align: center;
}
p {margin: 0;}
#box {
text-align: center;
font-size: 3em;
font-weight: bold;
-webkit-backface-visibility: hidden;
}
#flashlight {
color: hsla(0,0%,0%,0);
perspective: 80px;
outline: none;
}
#flash {
display: inline-block;
text-shadow: #bbb 0 0 1px, #fff 0 -1px 2px, #fff 0 -3px 2px, rgba(0,0,0,0.8) 0 30px 25px;
transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);
font-family: Geneva, sans-serif;
    font-size:35px;
}
#box:hover #flash {
margin-left: 20px;
transition: margin-left 1s cubic-bezier(0, 0.75, 0, 1);
}
#light {
display: inline-block;
text-shadow: #111 0 0 1px, rgba(255,255,255,0.1) 0 1px 3px;
font-family: Geneva, sans-serif;
}
#box:hover #light {
text-shadow: #fff 0 0 4px, #fcffbb 0 0 20px;
transform: rotateY(-60deg);
transition:transform 0.3s cubic-bezier(0, 0.75, 0, 1), text-shadow 0.1s ease-out;
}


  /* bawahnya postingan */
#bawahx-posting { float: left;
width: 100%;
margin-top: -10px;
margin-bottom: -10px;
}
#isinya { margin: 5px auto;
padding: 1 5px;
border:2px solid #333;
}
#isinya h2 {
color: #FFF;
font-family: Tw Cen MT Condensed;
font-size: 20px;
margin: -12px 12px 0px;
padding: 7px 3px;
text-align: center;
font-weight: bold;
position: relative;
-webkit-box-shadow: 0 8px 6px -6px white;
-moz-box-shadow: 0 8px 6px -6px white;
box-shadow: 0 8px 6px -6px white;
border:2px solid #333;
text-shadow: 2px 0 0 #333;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #AD3000;
}
#isinya .widget-content { padding: 30px 10px;
background-color: white;
width: 100%;
margin-top: -31px;
}
#isinya li { font-size:12px }

/* css daftar isi homepage */
#dtk-daftar-isi { background-color:transparent; margin:10px 0 0 0 }
#dtk-daftar-isi h2 { color:#fff; font-family:Tw Cen MT Condensed; font-size:20px; margin:-20px 0 10px 0; padding:7px 3px; text-align:center; font-weight:bold; -moz-text-shadow:2px 0 0 #333; -webkit-text-shadow:2px 0 0 #333; text-shadow:2px 0 0 #333; position:relative; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666; -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666; background-color:#AD3000 }
#dtk-daftar-isi h2:before { content:&#39; &#39;; position:absolute; top:0; left:-10px; width:0; height:0; border-style:solid; border-width:0 0 10px 10px; border-color:transparent transparent #333 transparent }
#dtk-daftar-isi h2:after { content:&#39; &#39;; position:absolute; top:0; right:-10px; width:0; height:0; border-style:solid; border-width:10px 0 0 10px; border-color:transparent transparent transparent #333 }
#toc-outer { color:black; margin:0 auto; overflow:hidden; padding:0; text-align:left }
#loadingscript { background:transparent url(&#39; http://3.bp.blogspot.com/-tzYpmrIlyEA/UUulST7g5WI/AAAAAAAABqs/GC5WETbgXCc/s1600/loading-dip.gif&#39; ) no-repeat 50% 45%; font-weight:bold; font-size:20px; height:315px; padding:30px 0; text-align:center; text-indent:-99999px }
  
.itemposts img { background:transparent url(&#39; http://3.bp.blogspot.com/-Z0w4M80kNoE/Tz4_RrLC4fI/AAAAAAAACJY/2mQ2yk5hCdU/s1600/loading.gif&#39; ) no-repeat 50% 45%; float:left; height:70px; margin:-51px 4px -20px 2px; padding:3px; width:70px; border:1px solid #0070b0; -moz-box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21); -webkit-box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21); box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; transition:0.6s; -o-transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -ms-transition:0.6s  }
.itemposts img:hover { border:1px solid #AD3000; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; opacity:0.7; -moz-animation:spin2Pulse 4s infinite linear; -webkit-animation:spin2Pulse 4s infinite linear }
/* ngedip pagination span.actual */ 
@-webkit-keyframes paginationspanactual {
0% { background-color:black }20% { background-color:red }40% { background-color:blue }60% { background-color:green }80% { background-color:gold }100% { background-color:black }}
@-moz-keyframes paginationspanactual {
0% { background-color:black } 20% { background-color:red } 40% { background-color:blue } 60% { background-color:green } 80% { background-color:gold } 100% { background-color:black }} 
@-keyframes paginationspanactual {
0% { background-color:black } 20% { background-color:red } 40% { background-color:blue } 60% { background-color:green } 80% { background-color:gold } 100% { background-color:black }}
#pagination span.actual { animation:5s infinite paginationspanactual linear; -webkit-animation:5s infinite paginationspanactual linear }
#pagination { display:block; font-size:10px; font-weight:bold; margin:5px 0 5px; text-align:center; padding:0 }
#totalposts { color:#333; font-weight:bold; font-size:10px; margin:5px 0 0; text-align:center; padding:0 }
#pagination span,#pagination a { background-color:#0097BD; color:#fff; display:inline; margin:3px 1px; padding:3px 5px; text-indent:0; text-decoration:none }
#pagination a:hover { background-color:#333 }
  

/* Kotak Komentar */
#threaded-comment-form p{position:relative;padding:0 0 8px;line-height:1.6em;color:#fff;font:13.4px calibri,serif;width:95%;text-shadow:0 -1px 0 #000;}
.comments .comment-thread.inline-thread .comment .comment-block:target {border:1px dashed yellow;}
.comments{background:#232323;box-shadow:0 0 7px #111111 inset, 0 0 1px #FFFFFF inset;margin-top:0;padding:10px 10px 4px;border-style:solid;border-width:6px 6px 0;border-color:#333}
#comments h4{color: #fff;
font-family: Tw Cen MT Condensed;
font-size: 20px;
margin: -20px 0 -10px 0;
padding: 10px 5px;
text-align: center;
font-weight: bold;
-moz-text-shadow: 2px 0 0 #333;
-webkit-text-shadow: 2px 0 0 #333;
text-shadow: 2px 0 0 #333;
position: relative;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #0070b0;
}
#comments h4:before {
content: &#39; &#39;;
position: absolute;
top: 0;
left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #333 transparent;
}
#comments h4:after {
content: &#39; &#39;;
position: absolute;
top: 0;
right: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: transparent transparent transparent #333;
}
.comments .comment-header, .comments .comment-thread.inline-thread .comment{position:relative;}
.comment-thread ol{margin:0 0 20px;}
.comments .comments-content .comment-thread ol{list-style-type:none;}
.comments .comments-content .user{font-style:normal;font-weight:bold;}
.item-control{display:inline;}
.comments .avatar-image-container{float:left;max-height:50px;overflow:hidden;width:50px;box-shadow:0 1px 2px black;background:#282828;}
.comments .avatar-image-container img{max-width:36px;height:36px;border:4px double #444}
.avatar-image-container{border:1px solid #323232;float:left;max-height:36px;overflow:hidden;padding:6px;width:36px;}
  .comments .comments-content .comment-header, .comments .comments-content .comment-content{background:#333;border:1px solid #414141;display:block;margin:0;padding:6px;box-shadow:0 1px #333; }
.comments .comments-content .comment-content{text-shadow:0 -1px 0 #000;font:13px/140% &#39;Segoe UI&#39;,Calibri,&#39;Myriad Pro&#39;,Myriad,&#39;Trebuchet MS&#39;,Helvetica,Arial,sans-serif;background:#333;border:1px solid #414141;color:#eee;margin-bottom:0;padding:6px;text-align:justify;padding-bottom:20px;}
.comments .comment-block, .comments .comments-content .comment-replies, .comments .comment-replybox-single{margin-left:58px;}
.comments .comment-block, .comments .comment-thread.inline-thread .comment{background:#282828;border:#333 solid 1px;padding:7px 7px 15px;position:relative;box-shadow:0 1px 2px black;}
.comments .comments-content .datetime a:link, .comments .comments-content .datetime a:visited{float:right !important;font-family:cambria, georgia, serif;color:#888 !important;font-size:10px;padding:2px 10px;}
.comment-replies .comment-block{box-shadow:none;}
.comments .comments-content .comment{margin:2px 0 0;padding:0;width:100%;}
.comments .comments-content .inline-thread{padding:0;margin-bottom:-16px;}
.comments .comments-content .comment-replies{position:relative;}
.comments .comment-thread.inline-thread .comment{width:auto;padding:0;background:transparent;border:none;box-shadow:none;}
.comments .comment-thread.inline-thread .comment .comment-block{border:1px solid #333;background:#282828;padding:7px 7px 15px;box-shadow:0 1px 2px black;}
.comments .continue{border-top:0;width:auto;}
.comments .continue a{color:#fff;padding:6px;text-align:center;display:block;text-shadow:0 -1px 0 #000;font-weight:bold}
#comment-editor{width:103% !important;}
.comment-form{width:100%;max-width:100%;}
.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em;}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden;}
.comments .thread-chrome.thread-collapsed, .comment .continue{border:1px solid #333;margin:1px 0 0;padding:0;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #000;background:#2C87E2}
.comments .comment .comment-actions a{background:#2C87E2;text-shadow:0 -1px 0 #000;color:#fff;font-family:calibri,georgia,serif;padding:4px 6px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #000000;position:relative;margin-right: 5px;padding: 4px 7px;top: 6px;}
.comments .comment .comment-actions a:hover, .comments .continue a:hover{box-shadow:0 1px 1px black inset;}
.comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a{color:white !important;text-shadow:1px 1px #000;}
#threaded-comment-form{background:#292929;border:1px solid #444444;box-shadow:0 1px 2px black;padding:8px;}
.comments .comments-content .icon.blog-author{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:transparent #990000 transparent transparent;border-image:none;border-style:solid;border-width:12px;bottom:-8px;display:block;height:0;position:absolute;right:0;width:0;}
.comment-footer{color:white;font-weight:bold;padding:0 0 10px;text-shadow:1px 1px #000000;}
/* Efek thread-comment bertingkat hanya dengan CSS */
.comments .comment-thread.inline-thread .comment { margin:2px 0 0 35.4%}
.comment .comment-thread.inline-thread .comment:nth-child(5), .comment .comment-thread.inline-thread .comment:nth-child(8), .comment .comment-thread.inline-thread .comment:nth-child(11), .comment .comment-thread.inline-thread .comment:nth-child(14), .comment .comment-thread.inline-thread .comment:nth-child(17), .comment .comment-thread.inline-thread .comment:nth-child(20) { margin:-3px 0 0  35.4% }
.comment .comment-thread.inline-thread .comment:nth-child(4), .comment .comment-thread.inline-thread .comment:nth-child(7), .comment .comment-thread.inline-thread .comment:nth-child(10), .comment .comment-thread.inline-thread .comment:nth-child(13), .comment .comment-thread.inline-thread .comment:nth-child(16), .comment .comment-thread.inline-thread .comment:nth-child(19) { margin:-3px 0 0  26.5% }
.comment .comment-thread.inline-thread .comment:nth-child(3), .comment .comment-thread.inline-thread .comment:nth-child(6), .comment .comment-thread.inline-thread .comment:nth-child(9), .comment .comment-thread.inline-thread .comment:nth-child(12), .comment .comment-thread.inline-thread .comment:nth-child(15), .comment .comment-thread.inline-thread .comment:nth-child(18) { margin:-3px 0 0  17.7% }
.comment .comment-thread.inline-thread .comment:nth-child(2) { margin:-9px 0 0 8.9% }
.comment .comment-thread.inline-thread .comment:nth-child(1) { margin:-10px 0 0 0% }

  .comments .thread-toggle { display:none; }